<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>用户评论界面</title>
	<link rel="stylesheet" href="css/菜品评价.css">
	<script>
	        function goBack() {
	            window.history.back(); // 使用JavaScript返回上一页面
	        }
	    </script>
</head>
<body>
	<div class="back-arrow" onclick="goBack()">&#x2190;返回</div>

	<div class="comments-container">
		<div class="comment-container">
			<img src="img/photo8.png" alt="用户头像" class="comment-avatar">
			<div class="comment-content">
				<div class="comment-name">23012636</div>
				<div class="text">
					<div class="rating-item">
						<span class="text">口味:</span>
						<span class="filledstars">&#9733;</span>
						<span class="filledstars">&#9733;</span>
						<span class="filledstars">&#9733;</span>
						<span class="emptystars">&#9733;</span>
						<span class="emptystars">&#9733;</span>
					</div>
					<div class="rating-item">
						<span class="text">卫生:</span>
						<span class="filledstars">&#9733;</span>
						<span class="filledstars">&#9733;</span>
						<span class="emptystars">&#9733;</span>
						<span class="emptystars">&#9733;</span>
						<span class="emptystars">&#9733;</span>
					</div>
					<div class="rating-item">
						<span class="text">价格:</span>
						<span class="filledstars">&#9733;</span>
						<span class="filledstars">&#9733;</span>
						<span class="filledstars">&#9733;</span>
						<span class="filledstars">&#9733;</span>
						<span class="emptystars">&#9733;</span>
					</div>
					<div class="rating-item">
						<span class="text">等餐时间:</span>
						<span class="filledstars">&#9733;</span>
						<span class="filledstars">&#9733;</span>
						<span class="filledstars">&#9733;</span>
						<span class="filledstars">&#9733;</span>
						<span class="filledstars">&#9733;</span>
					</div>
					<p>好吃，强推好吃，强推好吃...</p>
				</div>
			</div>
		</div>
		<!-- 重复添加更多评论块，如第二个和第三个评论 -->
		<div class="comment-container">
			<img src="img/photo10.png" alt="用户头像" class="comment-avatar">
			<div class="comment-content">
				<div class="comment-name">23012637</div>
				<div class="text">
					<div class="rating-item">
						<span class="text">口味:</span>
						<span class="filledstars">&#9733;</span>
						<span class="filledstars">&#9733;</span>
						<span class="filledstars">&#9733;</span>
						<span class="emptystars">&#9733;</span>
						<span class="emptystars">&#9733;</span>
					</div>
					<div class="rating-item">
						<span class="text">卫生:</span>
						<span class="filledstars">&#9733;</span>
						<span class="filledstars">&#9733;</span>
						<span class="emptystars">&#9733;</span>
						<span class="emptystars">&#9733;</span>
						<span class="emptystars">&#9733;</span>
					</div>
					<div class="rating-item">
						<span class="text">价格:</span>
						<span class="filledstars">&#9733;</span>
						<span class="filledstars">&#9733;</span>
						<span class="filledstars">&#9733;</span>
						<span class="filledstars">&#9733;</span>
						<span class="emptystars">&#9733;</span>
					</div>
					<div class="rating-item">
						<span class="text">等餐时间:</span>
						<span class="filledstars">&#9733;</span>
						<span class="filledstars">&#9733;</span>
						<span class="filledstars">&#9733;</span>
						<span class="filledstars">&#9733;</span>
						<span class="filledstars">&#9733;</span>
					</div>
					<p>难吃</p>
				</div>
			</div>
		</div>
		<div class="comment-container">
			<img src="img/photo26.png" alt="用户头像" class="comment-avatar">
			<div class="comment-content">
				<div class="comment-name">23012638</div>
				<div class="text">
					<div class="rating-item">
						<span class="text">口味:</span>
						<span class="filledstars">&#9733;</span>
						<span class="filledstars">&#9733;</span>
						<span class="filledstars">&#9733;</span>
						<span class="emptystars">&#9733;</span>
						<span class="emptystars">&#9733;</span>
					</div>
					<div class="rating-item">
						<span class="text">卫生:</span>
						<span class="filledstars">&#9733;</span>
						<span class="filledstars">&#9733;</span>
						<span class="emptystars">&#9733;</span>
						<span class="emptystars">&#9733;</span>
						<span class="emptystars">&#9733;</span>
					</div>
					<div class="rating-item">
						<span class="text">价格:</span>
						<span class="filledstars">&#9733;</span>
						<span class="filledstars">&#9733;</span>
						<span class="filledstars">&#9733;</span>
						<span class="filledstars">&#9733;</span>
						<span class="emptystars">&#9733;</span>
					</div>
					<div class="rating-item">
						<span class="text">等餐时间:</span>
						<span class="filledstars">&#9733;</span>
						<span class="filledstars">&#9733;</span>
						<span class="filledstars">&#9733;</span>
						<span class="filledstars">&#9733;</span>
						<span class="filledstars">&#9733;</span>
					</div>
					<p>一般般吧</p>
				</div>
			</div>
		</div>
	</div>
</body>
</html>